{include file="public/header" title="首页"/}

<div id="yunnan_hone">
    <!-- 轮播图 start -->
    {include file="public/banner"/}
    <!-- 轮播图 end -->

    <div class="home_nav layui-clear">
        <a href="">
            <p><span class="sun sun-activity_fill"></span></p>
            公司介绍
        </a>
        <a href="">
            <p><span class="sun sun-praise_fill"></span></p>
            公司优势
        </a>
        <a href="">
            <p><span class="sun sun-createtask_fill"></span></p>
            模式讲解
        </a>
        <a href="">
            <p><span class="sun sun-document_fill"></span></p>
            装机教程
        </a>
        <a href="">
            <p><span class="sun sun-select_fill"></span></p>
            销售top
        </a>
        <a href="">
            <p><span class="sun sun-msnui-download"></span></p>
            App下载
        </a>
        <a href="">
            <p><span class="sun sun-redpacket_fill"></span></p>
            手机充值
        </a>
        <a href="{:url('my_sign')}">
            <p><span class="sun sun-brush_fill"></span></p>
            签到
        </a>
    </div>

    <!-- 明亚快报 start -->
    <div class="news">
        <div>
            <span class="title">明亚快报</span>
            <marquee scrollAmount=1 direction="up">
                <ul>
                    {foreach name="article" id="value"}
                    <li>
                        <a href="{:url('index/article_details',['id'=>$value['id']])}">
                            {if condition="$value['is_tui'] eq 1 and $value['is_re'] eq 1"}
                            <span>热门/推荐</span>
                            {else/}
                            {if condition="$value['is_tui'] eq 1"}
                            <span>推荐</span>
                            {/if}
                            {if condition="$value['is_re'] eq 1"}
                            <span>热门</span>
                            {/if}
                            {/if}
                            {$value['title']}
                        </a>
                    </li>
                    {/foreach}
                </ul>
            </marquee>
            <span class="more"><a href="{:url('index/article')}">更多</a></span>
        </div>
    </div>
    <!-- 明亚快报 end -->

    <!-- 中部广告 start -->
    <div class="ad">
        <div>
            <img src="/static/images/ad.png" alt="">
        </div>
    </div>
    <!-- 中部广告 end -->

    <!-- 最新机型 start -->
    <div class="title">
        <h3>最新机型</h3>
    </div>
    <ul class="lists layui-clear">
        {foreach name="new" id="value"}
        <li>
            <a href="{:url('index/product_details',['goods_id'=>$value['goods_id']])}">
                <div>
                    <img data-lazyload="/static/uploads/goods/{$value['goods_photo']}" alt="">
                </div>
                <p class="title">{$value['goods_name']}</p>
                <p class="price"><span>￥</span>{:get_price($value['goods_price'])}.<span>{:get_price($value['goods_price'],1)}</span>
                </p>
            </a>
        </li>
        {/foreach}
    </ul>
    <!-- 最新机型 end -->

    <!-- 热门机型 start -->
    <div class="title">
        <h3>热门机型</h3>
    </div>
    <ul class="lists layui-clear">
        {foreach name="hot" id="value"}
        <li>
            <a href="{:url('index/product_details',['goods_id'=>$value['goods_id']])}">
                <div>
                    <img data-lazyload="/static/uploads/goods/{$value['goods_photo']}" alt="">
                </div>
                <p class="title">{$value['goods_name']}</p>
                <p class="price"><span>￥</span>{:get_price($value['goods_price'])}.<span>{:get_price($value['goods_price'],1)}</span>
                </p>
            </a>
        </li>
        {/foreach}
    </ul>
    <!-- 热门机型 end -->
    <!-- 品牌 start -->
    <div class="title">
        <h3>品牌</h3>
    </div>
    <ul class="brand layui-clear">
        <li>
            <img data-lazyload="/static/images/brand/lakala.png" alt="">
        </li>
        <li>
            <img data-lazyload="/static/images/brand/wzlg.png" alt="">
        </li>
        <li>
            <img data-lazyload="/static/images/brand/index_logo.gif" alt="">
        </li>
        <li>
            <img data-lazyload="/static/images/brand/logo-01.png" alt="">
        </li>
        <li>
            <img data-lazyload="/static/images/brand/posiflex_logo.png" alt="">
        </li>
        <li>
            <img data-lazyload="/static/images/brand/1d3930fc-d074-4277-ae12-6606281fee0f.png" alt="">
        </li>
    </ul>
    <!-- 品牌 end -->
    {include file="public/footer_nav"/}
</div>
<script>
    mui.init();
    (function ($) {
        /**
         * 图片懒加载
         */
        $(document).imageLazyload({
            placeholder: '/static/images/60x60.gif'
        });

    })(mui);

</script>
{include file="public/footer"/}

